.idcard {
  width: 100vw;
  height: 40vh;
  padding: 25px;
}

.idcard h3 {
  width: 45px;
  border-bottom: 3px solid skyblue;
}

.idcard .idcardbg {
  margin-top: 10px;
  width: 300px;
  height: 200px;
  background: url("../../images-wd/image/hdpi/id_card_front.png") no-repeat;
  background-size: 100%;
}

.idcard .idcardbg .idtitle {
  font-size: 14px;
  color: skyblue;
  text-align: center;
  line-height: 200px;
}

.idcard .idcardbg1 {
  margin-top: 10px;
  width: 300px;
  height: 200px;
  background: url("../../images-wd/image/hdpi/bank_card.png") no-repeat;
  background-size: 100%;
  padding: 20px;
}

.idcard .idcardbg1 p {
  margin: 10px;
  color: #fff;
}

.monerycard {
  width: 100vw;
  height: 40vh;
  padding: 25px;
}

.monerycard h3 {
  width: 45px;
  border-bottom: 3px solid skyblue;
}

.monerycard .monerycardbg {
  margin-top: 10px;
  width: 300px;
  height: 200px;
  background: url("../../images-wd/image/hdpi/bank_card_front.png") no-repeat;
  background-size: 100%;
}

.monerycard .monerycardbg .monerytitle {
  font-size: 14px;
  color: skyblue;
  text-align: center;
  line-height: 200px;
}

.monerycard .monerycardbg1 {
  margin-top: 10px;
  width: 300px;
  height: 200px;
  background: url("../../images-wd/image/hdpi/id_card.png") no-repeat;
  background-size: 100%;
  padding: 20px;
}

.monerycard .monerycardbg1 p {
  margin: 10px;
  color: #000;
}

.bottitle {
  color: skyblue;
  text-align: center;
  margin-top: 20px;
}
